<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:c="http://java.sun.com/jsf/composite/componentes"
                template="../template.xhtml">
    <ui:define name="conteudo">
        <h:form prependId="false" styleClass="form-estilo" rendered="#{listarMembro.autorizar('PAPEL_EDITAR_MEMBRO')}">
            <h2>Editar Música</h2>
            <fieldset>
                <legend>Detalhes</legend>
                <c:edicao controle="#{editarMembro}" textoBotaoVoltar="#{i18n.botao_voltar}" textoBotaoSalvar="#{i18n.botao_salvar}"/>
                <br/><br/>
                <h:panelGrid columns="2">
                    <h:outputLabel value="#{i18n.membro_nome}"/>
                    <h:inputText value="#{editarMembro.objeto.nome}" required="true" requiredMessage="#{i18n.membro_nome_mensagem}" size="50"/>
                    <h:outputText value="#{i18n.membro_telefone_fixo}"/>
                    <p:inputMask value="#{editarMembro.objeto.telefoneFixo}" mask="(999)9999-9999"/>
                    <h:outputText value="#{i18n.membro_telefone_movel}"/>
                    <p:inputMask value="#{editarMembro.objeto.telefoneMovel}" mask="(999)9999-9999"/>
                    <h:outputLabel value="#{i18n.membro_email}"/>
                    <h:inputText value="#{editarMembro.objeto.email}" size="50"/>
                    <h:column/>
                    <p:fileUpload fileUploadListener="#{editarMembro.upload}"
                                allowTypes="*.jpg;*.png;*.gif;*.txt;"
                                description="Images"
                                label="#{i18n.membro_imagem}"/>
                    <h:column/>
                    <h:graphicImage id="imagem" width="100px" height="100px"
                                    value="/recurso/imagem/#{editarMembro.objeto.imagem}.jpg.jspx"
                                    rendered="#{editarMembro.objeto.imagem != null}"
                                    style="border: 0px; "/>
                </h:panelGrid>
            </fieldset>
        </h:form>
    </ui:define>
</ui:composition>
